/* .seer_home{margin-top: 80px;} */
.seer_home img{margin: 0 auto;}
.seer_home h2{font-size: 40px;text-align: center;}
.seer_home h3{margin: 72px auto 40px;text-align: center;}

.search_box{
    overflow: hidden;
    width: 600px;height: 48px;line-height: 48px;margin: 48px auto 0;border-radius: 30px;
    background: #fff;
    box-shadow: 1px 1px 6px #ddd;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 5px;
}
.connect{
  background: #2481E2;
  border-radius: 30px;padding: 12px 0;
  width: 120px;
  text-align: center;color: #fff;
  cursor: pointer;font-weight: 600;
}
.search_box .connect{
  padding: 0 12px;
  margin-left: 10px;
}
.connect:hover{
  background-color: #3b8fea;
}
.search_box .el-input__wrapper{
  box-shadow: none;
}
.search_box .el-input__wrapper:hover{
  box-shadow: none;
  border: 0;
}
.search_box .el-input__wrapper.is-focus{
  box-shadow: none;
  border: 0;
}

.search_box input{font-size: 16px;}

.search_res{
  width: 950px;
  height: 64px;
  background: #fff;
  box-shadow: 1px 1px 6px #ddd;
  border-radius: 5px;
  margin: 0 auto;
  padding: 0 24px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
  cursor: pointer;
}
/* .search_res img{margin: 0 10px;} */
.search_res p{font-weight: 600;margin-left: 20px;}
.search_res span{padding-right: 10px;}
.search_res .connect{margin-left: 10px;}

.star{
  cursor: pointer;width: 34px;height: 34px;
  background: url("../img/unstar.svg") center center;
}

.star.ups{
  background: url("../img/star.svg") center center;
}

.star:hover{
  background: url("../img/star.svg") center center;
}

.star.ups:hover{
  background: url("../img/unstar.svg") center center;
}

.register{
  background: #fff;
  margin-top: 60px;
  border-radius: 8px;
  box-shadow: 1px 1px 6px #ddd;
}

.register .r_head{
  border-bottom: 3px solid #f4f4f4;
  height: 58px;
  padding: 0 24px;
}
.register .r_con{
  padding: 24px;
  display: flex;
}
.register h4{
  font-size: 20px;
}

.register .r_p p{
  font-weight: 600;
  padding: 0 20px;
  margin-left: 10px;
  color: #DFE1E2;
  cursor: pointer;
  height: 55px;
  line-height: 58px;
  border-bottom: 3px solid #fff;
  transition: .5s;
}
.register .r_p p:hover,.register .r_p p.up{
  color: #2481E2;
  border-bottom: 3px solid #2481E2;
}

.rc_left{
  padding: 12px;
  background: #fff;
  box-shadow: 1px 1px 6px #ddd;
  border-radius: 8px;
  /* width: 240px; */
  overflow: hidden;
  height: 300px;
  flex: 0 0 240px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  cursor: pointer;
}
.rc_left .rc_bg{
  flex: 1;
  background:url('../img/card_bg.jpg') no-repeat center;
  background-size: cover;
  border-radius: 6px;
  padding: 14px;
  color: #fff;
}
.rc_bg p{margin-bottom: 1px;}
.rc_bg h5{margin-top: 36px;font-size: 18px;text-overflow:ellipsis;overflow:hidden;}
.rc_left .flex{
  margin-top: 10px;
}
.rc_left .flex p{
  text-overflow:ellipsis;overflow:hidden;
  max-width: 180px;
  font-weight: 600;
}

.rc_right{
  margin-left: 24px;
  box-shadow: 1px 1px 6px #ddd;
  border-radius: 8px;
  padding: 24px;
  display: flex;
}
.rc_right_green{
  background-color: rgba(113, 194, 151, 0.2);
  padding: 10px 15px;
  border-radius: 10px;
}
.rc_right_a{flex-direction: column;flex: 1;}
.rc_right_a p{ width: 100%;margin-bottom: 20px;font-weight: 600;}
.rc_right_a div{
  color: #fff;
  height: 70px;
  line-height: 70px;
  padding-left: 20px;
  font-weight: 600;
  border-radius: 7px;
  background: #a9c1db;
  flex: none !important;
}
.de_right{
  margin-left: 24px;
  padding:0 20px;
  background: #fff;
  flex: 1;
}
.de_right ul.de_ul li{
  border-bottom: 1px solid #DFE1E2;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 60px;
  line-height: 60px;
}
.de_right ul.de_ul li .connect{
  height: 36px;
  line-height: 36px;
  padding: 0;
}
.de_right ul.de_ul li p{font-weight: 600;font-size: 16px;padding-left: 10px;}
.de_right ul.de_ul li span{padding-left: 50px;font-weight: normal;font-size: 14px;}
.de_right img.book{margin-top: 30px;}
.rc_right>div{
  flex: 1;
}
.rc_right.red{
  flex: 1;
  font-size: 18px;
}

.rc_request{
  box-shadow: 1px 1px 6px #ddd;
  margin-left: 24px;
  border-radius: 6px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 300px;
}
.rc_title{
  font-weight: 600;
  font-size: 20px;
  margin-bottom: 30px;
}

.rc_request>div{
  padding: 20px 24px;
}
.rc_request .rc_equal{
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}
.rc_request .rc_equal i{
  font-weight: 600;
  padding-right: 20px;
}
.rc_request .rc_border{
  border-top: 2px solid #DFE1E2;
  width: 90%;
  padding: 20px 0;
  margin: 0 auto;
  display: flex;
  justify-content: center;
}
.rc_request .rc_border button{
  background: #2481E2 !important;
  padding: 0 25px;
  height: 40px
}
.rc_request>div .connect{
  margin: 0 auto;
}
.rc_right li{
  display: flex;
  margin-bottom: 25px;
  color: #bbb;
  position: relative;
  height: 110px;
}
.rc_right li:nth-last-child(1){
  height: auto;
}
.rc_right li:nth-last-child(2) h6{
  margin-top: 15px;
}
.rc_right li span{
  width: 50px;
  height: 50px;
  background-color: #cae1d5;
  flex: 0 0 50px;
  line-height: 50px;
  text-align: center;
  color: #fff;
  font-size: 20px;
  font-weight: 600;
  border-radius: 50%;
  margin-right: 15px;
}
.rc_right li.up span{
  background-color: #71C297;
}
.rc_right li.up{
  color: #333;
}

.rc_right li h6{
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 5px;
}
.rc_right li p{
  line-height: 24px;
  font-size: 13px;
  font-weight: 500;
}

.rc_right li::before{
  position: absolute;
  top: 70px;
  height: 45px;
  width: 6px;
  content: '';
  background: #cae1d5;
  left: 23px;
}
.rc_right li.up::before{
  background: #71C297;
}

.rc_right li:nth-last-child(1)::before{
  display: none;
  height: auto;
}

.account_box,.favorites_box{
  margin-top: 80px;
}
.account_box .r_head{
  justify-content: start;
}
.account_box .r_head img{
  height: 36px;
  width: 36px;
}
.account_box .r_head h5{
  font-weight: normal;
  font-size: 16px;
  padding-left: 10px;
}
.account_box .r_con{
  display: block;
  min-height: 300px;
}
.no_p{font-size: 18px;padding-top: 20px;}
.account_box .r_con h4{
  padding: 15px 0 30px;
}
.account_box .r_con .rc_left{
  width: 240px;
  margin-right: 24px;
}
.card_list{
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 20px;
}
.card_list>div{
  margin-bottom: 20px;
}

.favorites_box h3{font-size: 22px;padding-left: 100px;margin-bottom: 46px;}
.favorites_box .no_p{padding-left: 100px;}